/* 模块小标题 */
.module-title {
  position: absolute; /* 绝对定位 */
  top: 0px; /* 距离顶部 10px */
  left: 0px; /* 距离左侧 10px */
  background: linear-gradient(
    135deg,
    rgba(0, 123, 255, 0.8),
    rgba(0, 86, 179, 0.8)
  ); /* 渐变背景色 */
  color: white; /* 文字颜色 */
  padding: 1px 8px; /* 内边距 */
  border-radius: 6px; /* 圆角 */
  font-size: 14px; /* 字体大小 */
  font-weight: 600; /* 字体加粗 */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 使用现代字体 */
  letter-spacing: 0.5px; /* 字间距 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* 阴影效果 */
  z-index: 1; /* 确保标题在内容上方 */
  transition:
    background 0.3s ease,
    transform 0.3s ease; /* 背景和缩放过渡效果 */
}

.module-title:hover {
  background: linear-gradient(
    135deg,
    rgba(0, 123, 255, 1),
    rgba(0, 86, 179, 1)
  ); /* 悬停时背景色加深 */
  transform: scale(1.05); /* 悬停时轻微放大 */
}
